/*
text-transform是 CSS（层叠样式表）中的一个属性，用于控制文本的大小写转换

一、属性值及功能
none（默认值）： 文本保持原样，不进行任何大小写转换。例如，如果 HTML 中的文本是 “Hello World”，在应用text - transform: none;的样式后，文本仍然显示为 “Hello World”。

capitalize: 它会将每个单词的首字母转换为大写，其余字母保持小写。比如，对于文本 “hello world”，使用text - transform: capitalize;后，将显示为 “Hello World”。
            注意，它是按照单词来处理的，会识别单词之间的空格等分隔符。
uppercase: 把所有文本字符都转换为大写。如果文本是 “hello world”，应用text - transform: uppercase;后，会显示为 “HELLO WORLD”。
           这在需要统一文本为大写风格的设计场景中很有用，比如标题、强调性的文字等。
lowercase: 与uppercase相反，会将所有文本字符转换为小写。
           例如，“HELLO WORLD” 在使用text - transform: lowercase;后，会显示为 “hello world”。
*/

.text-Abc {
	text-transform: Capitalize;
}

.text-ABC {
	text-transform: Uppercase;
}

.text-abc {
	text-transform: Lowercase;
}

/* 多出的文本截取 */
.text-cut {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/*多出的文本省略号显示*/
.text-ell {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*文本下划线*/
.text-underline {
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.text-underline::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3rpx;
	height: 2rpx;
	background-color: #f0f0f0;
	padding: 0;
}

/* 文本加粗 */
.text-bold {
	font-weight: bold;
}

/*斜体*/
.text-italic {
	font-style: italic;
}

/* 文本居中对齐 */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

.text-indent {
	text-indent: 2em;
}

/* 文本行高*/
.lh-32 {
	line-height: 32rpx;
}

.lh-48 {
	line-height: 48rpx;
}

.text-space-sm {
	letter-spacing: 0.1em;
}

.text-space {
	letter-spacing: 1em;
}

.paragraph-normal {
	text-indent: 2em;
	line-height: 1.5em;
	letter-spacing: 0.01em;
	text-align: justify;
}

.text-multi-color {
	background-image: linear-gradient(to right, #d5cfd3, #09fed2, #a28bf3, #13f0cf, #8c93e4);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: 5rrpx;
	margin-top: 25rrpx;
}